<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="keywords" content="联途,联途旅游" />
		<meta name="description" content="联途旅游是一家提供专业导游、伴游、同游的服务平台，方便您找到志同道合的朋友一起旅行，一起快乐旅游，结伴旅游，同行之路，有你才有意义。" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="canonical" href="index.html" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript">
			var TU = {
				wwwUrl: 'http://www.liantu.cn',
				myUrl: 'http://my.liantu.cn',
				imageUrl: 'http://static.liantu.cn/image/',
				domain: 'liantu.cn',
				today: '2016-03-08',
				mobile_agent: ''
			};
			var isMobi = (function() {
				var u = navigator.userAgent.toLowerCase();
				return u.indexOf("mobi") > 0 || u.indexOf("nexus 7") > 0 || u.indexOf("480") > 0;
			})();
			if(isMobi && TU.mobile_agent != '') {
				location.href = TU.mobile_agent;
			}
		</script>
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/citysList.js"></script>
		<script type="text/javascript" src="js/jingdian.js"></script>
		<!--<script type="text/javascript" src="js/jingdian_detail.js" ></script>-->
		<!--[if lte IE 8]>
      <script type="text/javascript">
      $(function(){
      var $body=$('body');
      var $window =  $(window);
      $window.resize(function() {
      var width = $window.width();
      if(width<768){
      $body.addClass("media-small").removeClass("media-medium");
      }else if(width<1300){
      $body.addClass("media-medium").removeClass("media-small");
      }else{
      $body.removeClass("media-small").removeClass("media-medium");
      }
      }).resize();
      });
      </script>
      <![endif]-->
	</head>

	<body onload="jingdian()">
		<div class="wrapper">
			<div class="header">
				<div class="mod-head">
					<div class="box">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
						</div>
						<div class="login pl-login-info" id="pl-login-info">
							<div class="link">
								<a href="apply2.html" id="sqdy" target="_blank">申请成为向导</a>
								<br />
							</div>
							<div class="login pl-login-info" id="pl-login-info">
								<div class="info">
									<a href="signin.html" id="logining">登录</a>
									&nbsp;&nbsp; 
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mod-mhead">
					<div class="box">
						<a class="icon-menu" href="javascript:;" rel="nofollow">菜单</a>
						<a class="logo" href="index.html"><img src="images/logo.png" alt="联途" /></a>
					</div>
					<div class="sidebar">
						<div class="mask"></div>
						<div class="panel pl-login-info">
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="full-column">
					<div class="mod-bg">
						<img class="fixed" src="images/bg.jpg" />
						<img class="static" src="images/bg.jpg" />
					</div>
					<div class="mod-search">
						<div class="core">
							<h1> <a href="daoyou.html" target="_blank">导游</a> &middot; <a href="tongyou.html" target="_blank">同游</a></h1>
							<p>同行之路，有你才有意义</p>
						</div>
						<div class="mcore">
							<p>来这里，<br />换一种旅游方式</p>
						</div>
						<div class="J_search search">
							<div class="box-bg"></div>
							<div class="sbox">
								<input type="text" class="input-text" placeholder="输入想去的地方(例如:北京)" id="search_text" />
								<span class="ico"><span></span></span>
							</div>
						</div>
					</div>
				</div>
				<div class="inner">
					<div class="main">
						<div class="mod-step">
							<dl class="d1">
								<dt>
									<i></i>
								</dt>
								<dd>
									<p><span>预约当地向导</span>他们是比导游更懂得导游的人，<br />真正体验当地风土人情。</p>
								</dd>
							</dl>
							<dl class="d2">
								<dt>
									<i></i>
								</dt>
								<dd>
									<p><span>伴你同行，一路上有你</span>我不愿让你一个人，<br />这趟旅途让我陪你一起走。</p>
								</dd>
							</dl>
							<dl class="d3">
								<dt>
									<i></i>
								</dt>
								<dd>
									<p><span>旅途乐趣，也许不由风景决定</span>人生总是不断的在走走停停，<br />在这里你总能找到和你一起的。</p>
								</dd>
							</dl>
						</div>
						<div class="module mod-destination">
							<div class="hd">
								<span class="title">热门城市</span>
								<span class="subtitle">Hot City</span>
							</div>
							<div class="bd" id="city">
								<ul>
									<li class="J_blocklink big">
										<div class="pic">
											<a :href='getCityHref(list[24].name)' target="_blank"> <img src="images/201507301606111559.jpeg" alt="厦门" width="100%" />
											</a>
										</div>
										<div class="text">
											<div class="cover"></div>
											<p> <span class="title">{{list[24].name}}</span> <span class="english">Xiamen</span> </p>
										</div>
									</li>
									<li class="J_blocklink" v-for="(city,index) of list" v-if='index<4'>
										<div class="pic">
											<a :href='getCityHref(city.name)' target="_blank">
												<img :src="getCityImgUrl(index)"  width="100%" /> </a>
										</div>
										<div class="text">
											<div class="cover"></div>
											<p> <span class="title">{{city.name}}</span> <span class="english">Beijing</span> <span class="subtitle"></span>
											</p>
										</div>
									</li>
									<li class="J_blocklink big">
										<div class="pic">
											<a :href='getCityHref(list[5].name)' target="_blank"> <img :src="getCityImgUrl(5)"  width="100%" /> </a>
										</div>
										<div class="text">
											<div class="cover"></div>
											<p> <span class="title">{{list[5].name}}</span> <span class="english">Xianggang</span> <span class="subtitle"></span>
											</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="module mod-person">
							<div class="hd">
								<span class="title">精选导游</span>
								<span class="subtitle">Selected Guide</span>
								<a href="daoyou.html" style="font-size:15px;" target="_blank" title=" ">更多</a>
							</div>
							<div id="bd" class="bd">
								<ul class="list">
									<li v-for="(info,index) of glist" v-if="index<3">
										<div class="item">
											<div class="pic">
												<a :href='getGuihref(info.gui_id)' target="_blank"><img :src='getGuiImgUrl(info.uinfo.user_img)'  /></a>
											</div>
											<div class="text">
												<div class="bg"></div>
												<div class="name">
													<a href="/daoyou/65548.html" target="_blank"> {{info.gui_name}} </a>
												</div>
												<p>{{info.gui_details}}</p>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="module mod-travel">
							<div class="hd">
								<span class="title">最新同游</span>
								<span class="subtitle">Newest Travel Peer</span>
								<a href="tongyou.html" style="font-size:15px;" target="_blank" title=" ">更多</a>
							</div>
							<div class="bd" id="ty">
								<ul>
									<li class="J_blocklink" v-for="(info,index) of tlist" v-if="index<3">
										<div class="pic">
											<a :href='getHref(info.tog_id)' target="_blank"><img :src='getTogBgmImgUrl(info.tog_eplace)'  alt="  " /></a>
										</div>
										<div class="text">
											<div class="avatar">
												<img :src="getTogImgUrl(info.uinfo.user_img)"  />
												<span>{{info.uinfo.user_name}}</span>
											</div>
											<p>{{info.tog_splace}}到{{info.tog_eplace}}  {{info.tog_sdate}} 求结伴同游</p>
											
										</div>
									</li>
									
								</ul>
							</div>
						</div>

						<div class="mod-spot mod-hot">
							<div  class="hd">
								<span class="tit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;热门
									<a href="jingdian.html" target="_blank">
									旅游景点</a></span>
								<span>/</span>
								<a href="jingdian.html" class="hmore" target="_blank" title="旅游景点">更多</a>
							</div>
							<div class="bd bd2" id="jd">
							<ul>
								<li v-for="info of list">
									<a :href='getplaceUrl(info.place_name)' target="_blank ">{{info.place_name}}</a><span>{{info.place_address}}</span></li>
							</ul>
						</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="mod-back">
					<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号
					</span>
					<a href="javascript:" class="code" id="code"></a>
					<a href="index.html" class="customer"></a>
					<a href="#" class="goback"></a>
				</div>
				<div class="mod-foot">
					<div class="info">
						<div class="contact">
							<p class="logo">
								<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span>
							</p>
							<p class="tell">4006 666863</p>
							<p>24小时服务热线</p>
						</div>
						<dl>
							<dt>
								公司信息
							</dt>
							<dd>
								<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
							</dd>
							<dd>
								<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
							</dd>
							<dd>
								<a href="contact.html" target="_blank" rel="nofollow">联系我们</a>
							</dd>
							<dd>
								<a href="join.html" target="_blank" rel="nofollow">加入我们</a>
							</dd>
						</dl>
						<dl>
							<dt>
								帮助中心
							</dt>
							<dd>
								<a href="xieyi.html" target="_blank" rel="nofollow">用户协议</a>
							</dd>
							<dd>
								<a href="safe.html" target="_blank" rel="nofollow">安全保障</a>
							</dd>
							<dd>
								<a href="process.html" target="_blank" rel="nofollow">预定流程</a>
							</dd>
						</dl>
						<dl class="app">
							<dt>
								发现
							</dt>
							<dd>
								<a href="/app/" target="_blank">Android客户端</a>
							</dd>
							<dd>
								<a href="/app/" target="_blank">iOS客户端</a>
							</dd>
							<dd>
								<a href="/app/huilv/" target="_blank">联途汇率</a>
							</dd>
							<dd>
								<a href="/app/tongyou/" target="_blank">联途同游</a>
							</dd>
						</dl>
					</div>
					<div class="linker">
						友情链接：
						<a href="" target="_blank">二维码</a>
						<a href="" target="_blank">手机迷</a>
						<a href="" target="_blank">手机知道</a>
						<a href="" target="_blank">十大品牌排行榜</a>
						<a href="" target="_blank">360手机助手</a>
					</div>
					<div class="copyright">
						<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
					</div>
				</div>
				<div class="mod-mfoot">
					<div class="info">
						<ul>
							<li>
								<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
							</li>
							<li>
								<a href="apply.html" target="_blank" rel="nofollow">申请成为向导</a>
							</li>
							<li>
								<a href="/app/" target="_blank" rel="nofollow">APP下载</a>
							</li>
						</ul>
						<div class="contact">
							<p class="logo">
								<a href="index.html"><img src="images/logo.png" alt="联途" width="100" /></a>
							</p>
							<p class="tell">4006-6668-63</p>
						</div>
					</div>

					<div class="copyright">
						Copyright &copy; 2016 liantu.cn
					</div>

				</div>

			</div>

		</div>
		<script type="text/javascript" src="js/tongyou.js" ></script>
		<script type="text/javascript">
			var t = new Vue({
				el: "#ty",
				data:{
					tlist: indexgettog()
				},
				methods: {
					getTogImgUrl(item) {
						var url = 'http://114.55.145.243:8080/img/img/'+ item + '.jpg';
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
						return url;
					},
					getHref(item){
						var url='tongyou_detail.html?tog_id='+item
						return url;
						
						
					},
					getTogBgmImgUrl(item) {
						for (var i=0;i<provinceList.length;i++) {
							for(var j=0;j<provinceList[i].cityList.length;j++){
								if(provinceList[i].cityList[j].name===item){
									var url = 'http://114.55.145.243:8080/img/img/togbgm_' + i+ '.jpg';
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
									return url;
								}
								if(provinceList[i].name===item){
									var url = 'http://114.55.145.243:8080/img/img/togbgm_' + i+ '.jpg';
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
									return url;
								}
								
							}
						}
						
					}
				}
				
			})
		</script>
		
		<script type="text/javascript">
			var vm = new Vue({
				el: '#city',
				data: {
					list: provinceList
				},
				methods:{
					getCityImgUrl(item) {
						var url = 'http://114.55.145.243:8080/img/img/city_' + item + '.jpg';
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
						return url;
					},
					getCityHref(item) {
						var url ="city_detail.html?gui_province="+item
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
						return url;
					}
				}
			})
		</script>

		<div class="hide">

		</div>

		<script type="text/javascript" src="js/guideVue.js"></script>

		<script type="text/javascript">
			//导游
			var c = new Vue({
				el: "#bd",
				data: {
					glist: getGuide()
				},
				methods: {
					getGuiImgUrl(item) {
						var url = 'http://114.55.145.243:8080/img/img/' + item + '.jpg';
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
						return url;
					},
					getGuihref(item){
						var url = 'daoyou_detail.html?gui_id='+item;
						//						var url = 'https://api.weixin.qq.com/cgi-bin/media/get?access_token=' + token + '&media_id=' + item;
						return url;
					}
				}

			})
		</script>

	</body>

</html>